<template>
	<view class="">
		<u-navbar :placeholder="true">
			<view slot="left">{{store.storeName}}</view>
		</u-navbar>
		<view class="cell">
			<view class="item" v-for="(im, ix) in cellList" :key="ix">
				<image class="icon" mode="aspectFit" :src="im.icon"></image>
				<view class="line">
					<view class="flex justify-between mb-10">
						<text class="t1">{{im.name}}</text>
						<text class="t2">{{im.date}}</text>
					</view>
					<text class="t2">{{im.describe}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import { mapState } from 'vuex'
	export default{
		data(){
			return {
				cellList: [
					{icon: "/static/images/icon/dn.png", name: "店内通知", describe:"艰苦与大手术", date:"2024-01-18", route:"/pages/sds/sdsd/sds"},
					{icon: "/static/images/icon/xt.png", name: "系统通知", describe:"艰苦与大手术", date:"2024-01-18", route:"/pages/sds/sdsd/sds"},
				]
			}
		},
		computed: {
			...mapState(['store'])
		},
		onLoad() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.cell{
		background-color: #fff;
		.item{
			padding-left: 20rpx;
			display: flex;
			align-items: center;
			.icon{
				width: 128rpx;
				height: 128rpx;
			}
			.line{
				width: 100%;
				padding: 20rpx 10rpx 20rpx 0;
				margin-left: 20rpx;
				border-bottom: 1px #f8f8f8 solid;
				.t1{
					font-size: 30rpx;
				}
				.t2{
					font-size: 24rpx;
					color: #909399;
				}
			}
		}
	}
</style>